<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="UTF-8" />
<title>HTML5开发_高端培训机构网站源码 教育类企业网站织梦模板 - AB模板网 - Www.AdminBuy.Cn</title>
<meta name="keywords" content="HTML5,核心,h5页面制作,前端" />
<meta name="description" content="课程大纲 基本功 HTML+CSS JavaScript基础 JS基本特效 JavaScript高级特性 jQuery基本使用 HTML进阶 JavaScript基础教程 常见特效，例如：tab，导航，整页滚动 正则表达式 选择器 CSS进阶 JavaScript内置" />
<script type=text/javascript src="/skin/js/jquery-1.8.0.min.js"></script>
<script type=text/javascript src="/skin/js/jquery.jslides.js"></script>
<link rel="stylesheet" type="text/css" href="/skin/css/style.css">
</head>

<body>
<!---------头部----------> 
<div class="header">
  <div class="top"> <img src="/skin/images/logo.jpg" class="fl"><img src="/skin/images/tel.jpg" class="fr"> </div>
  <div class="nav">
    <ul>
      <li><a href="/">网站首页</a></li>
      
      <li><a href='/html/xueyuan/'>软件外包</a></li>
      <li class='hover'><a href='/html/kecheng/' >课程体系</a></li>
      <li><a href='/html/shenghuo/'>技能培训</a></li>
      
      <li><a href='/html/laoshi/'>精英师资</a></li>
      
      <li><a href='/html/xuanze/'>选择我们</a></li>
      
    </ul>
  </div>
</div>
 
<!---------banner---------->
<div class="banner"><img src="/skin/images/banner3.jpg"></div>
<!---------主体--------->
<div id="main" class="wrapper">
  <div class="pos">课程体系栏目<span class="fr">您现在的位置：<a href='http://114.215.140.182/'>主页</a> > <a href='/html/kecheng/'>课程体系</a> > <a href='/html/kecheng/lanmu/'>课程体系栏目</a> > </div>
  <div class="xueyuan">
    <div class="new_n">
      <h2>
        <div class="title">HTML5开发</div>
        <p>发布日期：2016-08-09 18:55</p>
      </h2>
      <div class="content"><h1 style="box-sizing: inherit; margin-top: 0px; margin-bottom: 2rem; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Microsoft Yahei&quot;, &quot;Hiragino Sans GB&quot;, &quot;Heiti SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-weight: 500; line-height: 1.1; color: rgb(255, 255, 255); font-size: 3rem; text-align: center;">
	<span style="color:#000000;">课程大纲</span></h1>
<h2>
	&nbsp;</h2>
<h2>
	基本功</h2>
<table class="table table-striped table-bordered" contenteditable="true">
	<thead class="thead-default">
		<tr>
			<th>
				HTML+CSS</th>
			<th>
				JavaScript基础</th>
			<th>
				JS基本特效</th>
			<th>
				JavaScript高级特性</th>
			<th>
				jQuery基本使用</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>
				HTML进阶</td>
			<td>
				JavaScript基础教程</td>
			<td>
				常见特效，例如：tab，导航，整页滚动</td>
			<td>
				正则表达式</td>
			<td>
				选择器</td>
		</tr>
		<tr>
			<td>
				CSS进阶</td>
			<td>
				JavaScript内置对象常用方法</td>
			<td>
				轮播图，用JS制作幻灯片</td>
			<td>
				排序算法，递归算法</td>
			<td>
				DOM操作</td>
		</tr>
		<tr>
			<td>
				DIV+CSS布局</td>
			<td>
				常见DOM树操作大全</td>
			<td>
				弹出层，手风琴菜单</td>
			<td>
				闭包，函数节流，作用域链</td>
			<td>
				特效和动画</td>
		</tr>
		<tr>
			<td>
				HTML+CSS整站开发</td>
			<td>
				ECMAScript、DOM、BOM</td>
			<td>
				瀑布流布局，滚动事件</td>
			<td>
				基于距离运动框架</td>
			<td>
				方法链，拖拽，变形</td>
		</tr>
		<tr>
			<td>
				京东前台布局案例</td>
			<td>
				定时器和焦点图</td>
			<td>
				滚差视图</td>
			<td>
				面向对象基础</td>
			<td>
				jQueryUI组件基本使用</td>
		</tr>
	</tbody>
</table>
<h2>
	HTML5移动Web开发</h2>
<table class="table table-striped table-bordered">
	<thead class="thead-default">
		<tr>
			<th>
				HTML5</th>
			<th>
				CSS3</th>
			<th>
				Bootstrap</th>
			<th>
				移动Web开发</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>
				HTML5新语义标签</td>
			<td>
				CSS3新选择器，伪元素</td>
			<td>
				响应式概念</td>
			<td>
				跨终端Web和主流设备简介</td>
		</tr>
		<tr>
			<td>
				HTML5表单</td>
			<td>
				颜色表示法，边框，阴影</td>
			<td>
				媒体查询</td>
			<td>
				视口</td>
		</tr>
		<tr>
			<td>
				音频和视频</td>
			<td>
				background系列属性改变</td>
			<td>
				响应式网站制作</td>
			<td>
				流式布局、弹性盒模型</td>
		</tr>
		<tr>
			<td>
				离线和本地存储</td>
			<td>
				transition，动画</td>
			<td>
				栅格系统</td>
			<td>
				rem</td>
		</tr>
		<tr>
			<td>
				SVG</td>
			<td>
				景深和透视，3D效果制作</td>
			<td>
				栅格系统原理</td>
			<td>
				移动终端JavaScript事件</td>
		</tr>
		<tr>
			<td>
				Web Socket</td>
			<td>
				Velocity.js框架</td>
			<td>
				Bootstrap常用模板</td>
			<td>
				手机中常见js效果制作</td>
		</tr>
		<tr>
			<td>
				Canvas</td>
			<td>
				元素进场、出场策略</td>
			<td>
				LESS和SASS</td>
			<td>
				Zepto.js</td>
		</tr>
		<tr>
			<td>
				&nbsp;</td>
			<td>
				炫酷CSS3网页制作</td>
			<td>
				&nbsp;</td>
			<td>
				手机聚划算页面，手机滚屏</td>
		</tr>
	</tbody>
</table>
<h2>
	HTTP服务器AJAX编程</h2>
<br />
<br />
<table class="table table-striped table-bordered">
	<thead class="thead-default">
		<tr>
			<th>
				Web服务器基础</th>
			<th>
				PHP基础</th>
			<th>
				AJAX上篇</th>
			<th>
				AJAX下篇</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>
				服务器基础知识</td>
			<td>
				PHP基本语法</td>
			<td>
				Ajax简介和异步的概念</td>
			<td>
				JSON和JSON的解析</td>
		</tr>
		<tr>
			<td>
				Apache服务器和其他常见Web服务器介绍</td>
			<td>
				使用PHP处理简单的GET或POST请求</td>
			<td>
				Ajax框架的封装</td>
			<td>
				数据绑定和模板技术</td>
		</tr>
		<tr>
			<td>
				Apache服务器搭建</td>
			<td>
				&nbsp;</td>
			<td>
				XMLHttpRequest对象详细介绍、兼容性处理方法</td>
			<td>
				JSONP、跨域技术</td>
		</tr>
		<tr>
			<td>
				HTTP介绍</td>
			<td>
				&nbsp;</td>
			<td>
				Ajax框架的封装</td>
			<td>
				图片预读取和lazy-load技术</td>
		</tr>
		<tr>
			<td>
				&nbsp;</td>
			<td>
				&nbsp;</td>
			<td>
				Ajax中缓存问题</td>
			<td>
				jQuery框架中的AjaxAPI</td>
		</tr>
		<tr>
			<td>
				&nbsp;</td>
			<td>
				&nbsp;</td>
			<td>
				XML介绍和使用</td>
			<td>
				使用Ajax实现瀑布流案例</td>
		</tr>
	</tbody>
</table>
<h2>
	面向对象进阶</h2>
<br />
<table class="table table-striped table-bordered">
	<thead class="thead-default">
		<tr>
			<th>
				面向对象中级篇</th>
			<th>
				面向对象三大特征</th>
			<th>
				设计模式</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>
				从内存角度到理解JS面向对象</td>
			<td>
				继承性</td>
			<td>
				面向对象编程思维</td>
		</tr>
		<tr>
			<td>
				基本类型、复杂类型</td>
			<td>
				多态性</td>
			<td>
				单例模式 工厂模式</td>
		</tr>
		<tr>
			<td>
				原型链</td>
			<td>
				封装性</td>
			<td>
				策略模式 观察者模式</td>
		</tr>
		<tr>
			<td>
				ES6中的面向对象</td>
			<td>
				接口</td>
			<td>
				模板方法模式 代理模式</td>
		</tr>
		<tr>
			<td>
				属性读写权限，设置器，访问器</td>
			<td>
				&nbsp;</td>
			<td>
				装饰者模式，适配器模式，面向切面编程</td>
		</tr>
	</tbody>
</table>
<h2>
	<strong>封装一个 属于自己的框架</strong></h2>
<br />
<table class="table table-striped table-bordered">
	<thead class="thead-default">
		<tr>
			<th>
				框架封装基础</th>
			<th>
				框架封装中级</th>
			<th>
				框架封装高级和补充</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>
				事件流 冒泡 捕获</td>
			<td>
				运动原理</td>
			<td>
				Jquery框架雏形</td>
		</tr>
		<tr>
			<td>
				事件对象</td>
			<td>
				单物体运动框架</td>
			<td>
				可扩展性</td>
		</tr>
		<tr>
			<td>
				事件框架</td>
			<td>
				多物体运动框架</td>
			<td>
				模块化</td>
		</tr>
		<tr>
			<td>
				选择框架</td>
			<td>
				运动框架面向对象封装</td>
			<td>
				封装属于自己的框架</td>
		</tr>
	</tbody>
</table>
<h2>
	模块化组件开发</h2>
<br />
<table class="table table-striped table-bordered">
	<thead class="thead-default">
		<tr>
			<th>
				面向组件编程</th>
			<th>
				面向模块编程</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>
				面向组件编程的方式</td>
			<td>
				AMD设计规范</td>
		</tr>
		<tr>
			<td>
				面向组件编程的实现原理</td>
			<td>
				CMD设计规范</td>
		</tr>
		<tr>
			<td>
				面向组件编程实战</td>
			<td>
				RequireJS，LoadJS</td>
		</tr>
		<tr>
			<td>
				基于组件化思想开发网站应用程序</td>
			<td>
				淘宝的SeaJS</td>
		</tr>
	</tbody>
</table>
<h2>
	主流的流行框架</h2>
<br />
<table class="table table-striped table-bordered">
	<thead class="thead-default">
		<tr>
			<th>
				Web开发工作流</th>
			<th>
				MVC/MVVM/MVW框架</th>
			<th>
				常用库</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>
				GIT/SVN</td>
			<td>
				Angular.js</td>
			<td>
				React.js</td>
		</tr>
		<tr>
			<td>
				Yeoman脚手架</td>
			<td>
				Backbone.js</td>
			<td>
				Vue.js</td>
		</tr>
		<tr>
			<td>
				NPM/Bower依赖管理工具</td>
			<td>
				Knockout/Ember</td>
			<td>
				Zepto.js</td>
		</tr>
		<tr>
			<td>
				Grunt/Gulp/Webpack</td>
			<td>
				&nbsp;</td>
			<td>
				&nbsp;</td>
		</tr>
	</tbody>
</table>
<h2>
	HTML5原生移动应用开发</h2>
<br />
<table class="table table-striped table-bordered">
	<thead class="thead-default">
		<tr>
			<th>
				Cordova</th>
			<th>
				Ionic</th>
			<th>
				React Native</th>
			<th>
				HTML5+</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>
				WebApp/NativeApp/HybirdApp简介</td>
			<td>
				Ionic简介和同类对比</td>
			<td>
				React Native简介</td>
			<td>
				HTML5+中国产业联盟</td>
		</tr>
		<tr>
			<td>
				Cordova简介、与PhoneGap之间的关系</td>
			<td>
				模板项目解析</td>
			<td>
				React Native环境配置</td>
			<td>
				HTML5 Plus Runtime环境</td>
		</tr>
		<tr>
			<td>
				开发环境搭建</td>
			<td>
				常见组件及使用</td>
			<td>
				创建项目，配置，编译，调试，部署发布</td>
			<td>
				HBuilder开发工具</td>
		</tr>
		<tr>
			<td>
				Cordova实战（创建项目，配置，编译，调试，部署发布）</td>
			<td>
				结合Angular构建APP</td>
			<td>
				原生模块和UI组件</td>
			<td>
				MUI框架</td>
		</tr>
		<tr>
			<td>
				&nbsp;</td>
			<td>
				常见效果（下拉刷新，上拉加载，侧滑导航，选项卡）</td>
			<td>
				原生常用API</td>
			<td>
				H5+开发和部署</td>
		</tr>
	</tbody>
</table>
<h2>
	Node.js全栈开发</h2>
<br />
<table class="table table-striped table-bordered">
	<thead class="thead-default">
		<tr>
			<th>
				快速入门</th>
			<th>
				核心模块和对象</th>
			<th>
				Web开发基础</th>
			<th>
				快速开发框架</th>
			<th>
				Node.js开发电子商务实战</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>
				Node.js发展、生态圈、Io.js</td>
			<td>
				全局对象global，process，console，util</td>
			<td>
				HTTP协议，请求响应处理过程</td>
			<td>
				Express简介+MVC简介</td>
			<td>
				需求与设计</td>
		</tr>
		<tr>
			<td>
				Linux/Windows/OS X环境配置</td>
			<td>
				事件驱动，事件发射器</td>
			<td>
				关系型数据库操作和数据访问</td>
			<td>
				Express常用API</td>
			<td>
				账户模块注册登录</td>
		</tr>
		<tr>
			<td>
				REPL环境和控制台程序</td>
			<td>
				加密解密，路径操作，序列化和反序列化</td>
			<td>
				非关系型数据库操作和数据访问</td>
			<td>
				Express路由模块</td>
			<td>
				会员中心模块</td>
		</tr>
		<tr>
			<td>
				异步编程，非阻塞I/O</td>
			<td>
				文件流操作</td>
			<td>
				原生的Node.js开发Web应用程序</td>
			<td>
				Jade/Ejs模板引擎</td>
			<td>
				前台展示模块</td>
		</tr>
		<tr>
			<td>
				模块概念，模块管理工具</td>
			<td>
				HTTP服务端与客户端</td>
			<td>
				Web开发工作流</td>
			<td>
				使用Express重构Blog案例</td>
			<td>
				购物车，订单结算</td>
		</tr>
		<tr>
			<td>
				开发流程，调试，测试</td>
			<td>
				Socket.IO</td>
			<td>
				Node.js开发Blog案例</td>
			<td>
				Koa等其他常见MVC框架</td>
			<td>
				在线客服即时通讯模块</td>
		</tr>
	</tbody>
</table>
</div>
    </div>
  </div>
</div>
<!---------底部---------> 
<div class="footer">
  <div class="top">
    <div style="width:1024px;margin:0 auto;">
      <div class="list"> <img src="/skin/images/weibo.jpg" style="float:left;" width:"86px;" height="86px;">
        <div class="txt fr">
          <p>微博</p>
          <p style="color:#333;">AB模板网官方微博</p>
          <br/>
          <p><img src="/skin/images/guanzhu_06.jpg" style="float:left;margin-right:10px;">扫描关注</p>
        </div>
      </div>
      <div class="list"> <img src="/skin/images/weixin.jpg" style="float:left;" width:"86px;" height="86px;">
        <div class="txt fr">
          <p>微信</p>
          <p style="color:#333;">AB模板网官方微信</p>
          <br/>
          <p><img src="/skin/images/guanzhu_09.jpg" style="float:left;margin-right:10px;">扫描关注</p>
        </div>
      </div>
      <div class="list sever">
        <p>服务热线</p>
        <p style="font-size:25px;font-weight:bold;">4008-888-888</p>
        <p>服务时间</p>
        AM 09:00~PM 06:00 </div>
      <ul class="bottom_menu fr">
         <a href="/html/xueyuan/">软件外包</a>  <a href="/html/kecheng/">课程体系</a>  <a href="/html/shenghuo/">技能培训</a>  <a href="/html/laoshi/">精英师资</a> 
      </ul>
    </div>
  </div>
  <div class="bottom">
    <div style="width:1024px;margin:0 auto;">
      <div class="fl">地址：江苏省南京市玄武区玄武湖   苏ICP12345678 </div>
      <div class="fr" style="width:540px;"> <span style="float:left;">Copyright &copy; 2014-2015 Www.AdminBuy.Cn AB模板网 版权所有</span> </div>
    </div>
  </div>
</div>

</body>
</html>
